<!--
 * @Description  :
 * @Version      : 1.0
 * @Author       : Shiming
 * @Date         : 2021-12-06 20:20:26
 * @LastEditors  : Shiming
 * @LastEditTime : 2022-05-17 17:42:41
 * @FilePath     : \\tms-obc-web\\src\\app\\routes\\order-management\\components\\bulk-detail\\bill-code-detail.component.html
 * Copyright (C) 2022 huzhenhong. All rights reserved.
-->
<page-header-wrapper [title]="'运单详情'"  [logo]="logo" >
  <ng-template #logo>
    <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
      <i nz-icon nzType="left" nzTheme="outline"></i>
    </button>
  </ng-template>
</page-header-wrapper>
<nz-card [nzBorderless]="true" class="mb0" >
    <div class="mb-sm common-order-header" nz-row>
      <div>
        <b class="ml-md text-md">运单号: {{ this.route.snapshot.queryParams.billCode }}</b>
      </div>
      <div nz-col>
      </div>
    </div>
    <nz-divider class="divider-margin"></nz-divider>
  <div class="font-weight-blod text-md detail-title">
    <a class="sign"></a>
    <span>派车单信息</span>
  </div>
    <div>
      <div sv-container>
        <sv label="派车单号">{{ billCodeDetail?.blLoadNoInfo?.blLoadNo }} </sv>
        <sv label="车辆类型">{{ billCodeDetail?.blLoadNoInfo?.vehicleType }} </sv>
        <sv label="箱类型">{{ billCodeDetail?.blLoadNoInfo?.ctnTypeZise }} </sv>
        <sv label="计划发货时间">{{ billCodeDetail?.blLoadNoInfo?.etd }}</sv>
        <sv label="件数">{{ billCodeDetail?.blLoadNoInfo?.qty }}</sv>
        <sv label="重量">{{ billCodeDetail?.blLoadNoInfo?.grossWeight }}</sv>
        <sv label="体积">{{ billCodeDetail?.blLoadNoInfo?.cubic }} </sv>
        <sv label="保价">{{ billCodeDetail?.blLoadNoInfo?.cargoValue }}</sv>
        <sv label="运输方式">{{ billCodeDetail?.blLoadNoInfo?.offeringType }}</sv>
      </div>
    </div>

</nz-card>

<nz-card #distannce3 [nzBorderless]="true" class="mb0">
  <div class="font-weight-blod text-md detail-title">
    <a class="sign"></a>
    <span>提送地信息</span>
  </div>
  <st #st [data]="billCodeDetail?.pickUpGoodInfoS" [columns]="pickUpGoodInfo" [ps]="0" [page]="{ show: false, showSize: false }"
      [size]="'small'">
    <ng-template st-row="fromTo" let-item let-index="index">
      <div *ngIf="item?.fromTo == 'FROM'">发货地</div>
      <div *ngIf="item?.fromTo == 'TO'">送货地</div>
    </ng-template>
  </st>
</nz-card>

<nz-card #distannce3 [nzBorderless]="true" class="mb0">
  <div class="font-weight-blod text-md detail-title">
    <a class="sign"></a>
    <span>货物包装信息</span>
  </div>
  <st #st [data]="billCodeDetail?.goodsPackInfoS" [columns]="goodsPackInfo" [ps]="0" [page]="{ show: false, showSize: false }"
      [size]="'small'">
  </st>
</nz-card>
